page {
    background-color: #f4f5f7;
}

.course-head {
    padding-bottom: 220rpx;
    padding-top: 80rpx;
}

.course-main {
    padding: 30rpx 22rpx 0 22rpx;
    // margin-top: 20rpx;

}

.course {
    background-color: white;
    padding: 30rpx;
    border-radius: 30rpx;
    // margin-top: 10rpx;
}

.title {
    font-size: 30rpx;
}

.date-tips {
    display: flex;
    // justify-content: center;
    align-items: center;
    padding: 10rpx 0;
}

.playImg {
    width: 35rpx;
    height: 35rpx;
    margin-top: 12rpx;
}

.teacher {
    display: flex;
}

.user-avatar-main {
    display: flex;
    align-items: center;
    // margin: 0 auto;
    margin-top: 8rpx;
}

.user-avatar {
    margin-left: 30rpx;
}

.avatar {}

.name {
    font-size: 26rpx;
}

.avatar-img {
    width: 60rpx;
    height: 60rpx;
    border-radius: 50rpx;
}

.describe {
    font-size: 28rpx;
    // padding: 20rpx 0;
    margin-left: 5rpx;
    flex-direction: row;
}

.name {}

.price-tips-main {
    display: flex;
    justify-content: flex-end;
}

.price-tips {}

.rpice {
    color: #eb5b2b;
    font-size: 35rpx;
}

.buy-num {
    font-size: 28rpx;
    margin-top: 5rpx;
}